div.table-wrapper {
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin: 1rem 0;
}

th {
  font-size: 14px;
  font-weight: 400;
  color: var(--ls-primary-text-color);
  border-bottom: 2px solid var(--ls-border-color);
  padding: 10px 8px;
}

td {
  padding: 6px 8px;
  text-align: left;
}

tr:nth-child(even) {
  background: var(--ls-table-tr-even-background-color);
}

tr:nth-child(odd) {
  background: var(--ls-primary-background-color);
}

caption {
  margin-bottom: 0.3em;

  &.t-above {
    caption-side: top;
  }

  &.t-bottom {
    caption-side: bottom;
  }
}

figcaption {
  margin-top: 0.3em;
}

.org-right {
  text-align: right;
}

.org-left {
  text-align: left;
}

.org-center {
  text-align: center;
}

.dark-theme {
  th {
    color: var(--ls-primary-text-color);
    border-bottom: 2px solid var(--ls-border-color);
  }

  tr:nth-child(even) {
    background: var(--ls-table-tr-even-background-color);
  }

  tr:nth-child(odd) {
    background: var(--ls-primary-background-color);
  }

  td,
  tr {
    border-bottom: none;
  }
}
